UBB.Developers Forums Community Development Programming HTML, CSS, and JavaScript CSS Styles

I'm currently working on upgrading my board from 6.05 to 6.2.1.1 and I am working with a test board for now.

Test board: http://dbzcenter1.netfirms.com/cgi-bin/ultimatebb.cgi

Things are going relatively smoothly, except that in the upgrade, my CSS style stopped changing all the fields to my specific colors, etc. that I had before.

Current board forum page (notice that the 'go' buttons next to the hop to and show topics from boxes are blue as they should be): http://www.thorongil.com/~dbzcenter/cgi-bin/ultimatebb.cgi?ubb=forum&f=1

Test board forum page (notice that the 'go' buttons are not blue): http://dbzcenter1.netfirms.com/cgi-bin/ultimatebb.cgi?ubb=forum;f=1

I also have this problem with single line text fields. I played around with it a bit, and got the multiline text field to work properly, because it uses its own unique identifier 'textarea'. I would have provided a link to a new topic page or something so you could see exactly what I mean, but that would require you to register and I don't think you wanna take that much time.

Anyway, the single line text field shares an identifier 'input' with radio buttons. So if I apply my CSS style to all input objects, I get some really strange looking radio buttons.

My question is this: How can I make the single line text fields conform to my CSS specifications like I have on my current board, without affecting the radio buttons?

I assume that some form of if statement written in Javascript would do the trick, but I don't know what it would be...

If someone could please help, I would GREATLY appreciate it! Thanks a million!

Edit: Man, I'm having bad luck... I first posted this in Forum Design Integration, and THEN I noticed this forum where I proceeded to accidentally double post -_- Sorry, I'm just tired I guess...

Part of your problem is that you've got some style information outside of the page's HEAD. If you do a view source on the page, look to about line 100 or so, and you'll see what I mean. Put this code inside the "Header Insert:" section of your UBB™ style template, but nowhere else.
If you've got any more questions, I'll be around here somewhere, so just ask.

So do you mean that I need to put the 'input class=styled' code into every form object on the UBB?

If not, what files do I need to edit?

No, you only need to add class="styled" to the INPUT elements that you want to inherit the styles. So I would say, judging from your situation, that you're probably only going to want to add the class to single-line text fields (and not all the message icon INPUT elements).

Alright, that shouldn't bee too tought... just the edit profile page, add topic page, reply page, edit page, poll pages, and maybe a couple others...

This will work with buttons as well, right? (i.e. 'go' buttons)

Hmm, no, not unless you apply the class to each button. In my opinion, the easiest way to do this would be to have the background color for all INPUT elements be the same as the message icon selection area.

Example:
[code][/code]